<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>供链余额</title>
    <link rel="stylesheet" type="text/css" href="css/models.css">
    <!--bootstrap-select  css文件-->
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap-select.css"/>
    <!--日期  css文件-->
    <link rel="stylesheet" type="text/css" href="js/datepicker/css/bootstrap-datepicker.css">
</head>
<body>
<div class="MainContent">
    <!--面包屑-->
    <div class="current">当前位置：<a href="#">账户结算</a>&nbsp;&gt;&nbsp;<span>供链余额</span> </div>
    <!--end 面包屑-->
    <!--主体内容-->
    <div class="MainCont">
        <!--标题-->
        <div class="ph_subTit">
            <h2>供链余额</h2>
            <div class="ph_snbBtn">
                <input name="" type="button" value="导出">
            </div>
        </div>
        <!--end 标题-->
        <!--筛选条件-->
        <div class="ph_screen">
            <table class="ph_tableBox">
                <tr>
                    <th>供链账号：</th>
                    <td><input name="" type="text"></td>
                    <th>供链类型：</th>
                    <td>
                        <select class="selectpicker">
                            <option value="">请选择</option>
                        </select>
                    </td>
                    <th>状态：</th>
                    <td>
                        <select class="selectpicker">
                            <option value="">请选择</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>供链名称：</th>
                    <td><input name="" type="text"></td>
                    <td colspan="4">
                        <input name="" type="button" value="查询"><input name="" type="button" value="重置">
                    </td>
                </tr>
                <tr>

                </tr>
            </table>
        </div>
        <!--end 筛选条件-->
        <!--供链余额列表-->
        <div class="ph_wareBox ph_tabScroll">
            <table class="ph_wareList" id="example">
                <thead>
                    <tr>
                        <th width="50">序号</th>
                        <th width="140">供链账号</th>
                        <th width="140">供链类型</th>
                        <th width="140">供链名称</th>
                        <th width="140">账户余额</th>
                        <th width="140">在线充值</th>
                        <th width="140">余额提现</th>
                        <th width="140">线下订单-服务费用</th>
                        <th width="140">线下订单-订单结算</th>
                        <th width="140">线下订单-管理分润</th>
                        <th width="140">线上订单-订单结算</th>
                        <th width="140">线上订单-管理分润</th>
                        <th width="140">线上订单-供链分润</th>
                        <th width="140">供链订单-订单结算</th>
                        <th width="140">供链订单-余额支付</th>
                        <th width="140">猎头订单-管理分润</th>
                        <th width="140">猎头订单-供链分润</th>
                        <th width="140">供链订单-订单退款</th>
                        <th width="140">平衡差</th>
                        <th width="140">状态</th>
                        <th width="140">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td title="--">1</td>
                        <td title="--">123442211</td>
                        <td title="--">PC商城</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td class="ph_tableShow">
                            <div class="ph_operateBox">
                                <input class="ph_operate" name="" type="button" value="操作选项">
                                <ul class="ph_operateList hide">
                                    <li><a href="finance_details.html">余额明细</a></li>
                                    <li><a class="Js_btn" href="javascript:void(0);">冻结/解冻</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td title="--">2</td>
                        <td title="--">123442211</td>
                        <td title="--">PC商城</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td class="ph_tableShow">
                            <div class="ph_operateBox">
                                <input class="ph_operate" name="" type="button" value="操作选项">
                                <ul class="ph_operateList hide">
                                    <li><a href="finance_details.html">余额明细</a></li>
                                    <li><a class="Js_btn" href="javascript:void(0);">冻结/解冻</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td title="--">3</td>
                        <td title="--">123442211</td>
                        <td title="--">PC商城</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td class="ph_tableShow">
                            <div class="ph_operateBox">
                                <input class="ph_operate" name="" type="button" value="操作选项">
                                <ul class="ph_operateList hide">
                                    <li><a href="finance_details.html">余额明细</a></li>
                                    <li><a class="Js_btn" href="javascript:void(0);">冻结/解冻</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td title="--">4</td>
                        <td title="--">123442211</td>
                        <td title="--">PC商城</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td class="ph_tableShow">
                            <div class="ph_operateBox">
                                <input class="ph_operate" name="" type="button" value="操作选项">
                                <ul class="ph_operateList hide">
                                    <li><a href="finance_details.html">余额明细</a></li>
                                    <li><a class="Js_btn" href="javascript:void(0);">冻结/解冻</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--end 供链余额列表-->
    </div>
    <!--end 主体内容-->
</div>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--bootstrap-select-->
<script type="text/javascript" src="js/bootstrapselect/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrapselect/bootstrap-select.js"></script>
<script type="text/javascript" src="js/bootstrapselect/select.js"></script>
<!--分页-->
<script type="text/javascript" src="js/pages/jquery.dataTables.min.js"></script>
<!--日期控件-->
<script type="text/javascript" src="js/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/datepicker/jquery.timepicker.js"></script>
<script type="text/javascript" src="js/datepicker/jquery.datepair.js"></script>
<script type="text/javascript" src="js/datepicker/datepicker.js"></script>
<script type="text/javascript">
    $(function() {
        //分页
        $('#example').DataTable({
            "lengthChange": false,
            "ordering": false,
            "searching": false,

            /*"bServerSide": true,
             "sPaginationType": "full_numbers",
             "bJQueryUI": true,
             "sDom": '<"">t<"F"ip>',
             "sAjaxSource": "${ctx}/api/user/list", //ajax调用接口
             "aoColumnDefs": [{sDefaultContent: '',aTargets: [ '_all' ]}],
             "aoColumns": [
             { "sTitle" : "ID", 	 "mData": "ID" ,"class":"sClass"},
             { "sTitle" : "来源","mData": "" },
             { "sTitle" : "供应商","mData": "" },
             { "sTitle" : "商品名称","mData": "" },
             { "sTitle" : "商品分类","mData": "" },
             { "sTitle" : "总库存","mData": "" },
             { "sTitle" : "销量","mData": "" },
             { "sTitle" : "规格","mData": "" },
             { "sTitle" : "审核状态","mData": "" },
             { "sTitle" : "上架状态","mData": "" },
             {"sTitle" : "操作","mData" : "id","class":"ph_tableShow", "mRender" : function ( data, type, full ) {
             var text = '<div class="btn-group" style="text-align:left;"><button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">操作 <span class="caret"></span></button>';
             text = text+'<ul class="dropdown-menu" role="menu">';
             text += "<li><a href='${ctx}/api/user/updatePage?id="+full.id+"'>修改用户</a></li>";
             text += '<li class="divider"></li>';
             text += '<li><a href="#" onclick="deleteById(\''+full.id+'\');">删除用户</a></li>';
             text += '<li class="divider"></li>';
             text += '<li><a href="#" onclick="showRole(\''+full.id+'\');">分配角色</a></li>';
             text += '<li class="divider"></li>';
             if(full.isable=="1"){
             text += '<li><a href="#" onclick="frozenById(\''+full.id+'\');" >冻结</a></li>';
             }else{
             text += '<li><a href="#" onclick="startById(\''+full.id+'\');" >启用</a></li>';
             }
             text += '<li class="divider"></li>';
             text += '<li><a href="#" onclick="resetPass(\''+full.id+'\');">重置密码</a></li>';
             text = text + '</ul></div>';
             return text;
             }
             }
             ],*/
            "oLanguage" : {
                "sProcessing" : "数据加载中······",
                "sLengthMenu" : "显示 _MENU_ 条记录",
                "sZeroRecords" : "没有您要搜索的内容！",
                "sEmptyTable" : "列表中无数据存在！",
                "sInfo" : "当前显示 _START_ 到 _END_ 条数据，共 _TOTAL_ 条数据",
                "sInfoEmpty" : "显示 0 到 0 条记录",
                "sInfoFiltered" : "数据列表中共  _MAX_ 条记录",
                "oPaginate" : {
                    "sFirst" : "首页",
                    "sPrevious" : "上一页",
                    "sNext" : "下一页",
                    "sLast" : "末页"
                }
            },
            "fnServerData" : function ( sSource, aoData, fnCallback, oSettings ) {
                oSettings.jqXHR = $.ajax( {
                    "dataType" 	: 'json',
                    "type" 		: "GET",
                    "async"     : 'false',
                    "url" 		: sSource,
                    "data" 		: {
                        'pageNum': (aoData[3].value/aoData[4].value)+1,
                        'pageSize' :  aoData[4].value,
                        'telphone'  :  $("#telphone").val(),
                        'isable' : $('#isable').val()
                    },
                    "success"	: fnCallback
                } );
            }
        });
    });
</script>
</body>
</html>